import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'
import Home from './views/Home.vue'
import WordMatch from './views/WordMatch.vue'
import WordSpelling from './views/WordSpelling.vue'
import WordMemory from './views/WordMemory.vue'
import CampusSimulator from './views/CampusSimulator.vue'
import TangPoetry from './views/TangPoetry.vue'
import MathLearning from './views/MathLearning.vue'
import ErrorBook from './views/ErrorBook.vue'
import './style.css'

const routes = [
  { path: '/', component: Home },
  { path: '/word-match', component: WordMatch },
  { path: '/word-spelling', component: WordSpelling },
  { path: '/word-memory', component: WordMemory },
  { path: '/campus-simulator', component: CampusSimulator },
  { path: '/tang-poetry', component: TangPoetry },
  { path: '/math-learning', component: MathLearning },
  { path: '/error-book', component: ErrorBook }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

const app = createApp(App)
app.use(router)
app.mount('#app') 